<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 渲染数据图片加载不出来写这行代码 -->
    <meta name="referrer" content="no-referrer" />
    <link rel="stylesheet" href="../css/reset.css">
    <!-- <link rel="stylesheet" href="../css/iconfont/iconfont.css"> -->
    <link rel="icon" href="https://www.21cake.com/favicon.ico">
    <link rel="stylesheet" href="../header_footer/css/cakeheader.css">
    <link rel="stylesheet" href="../css/cakeCar.css">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <title>21Cake蛋糕官网_24小时蛋糕网上订购_5小时新鲜送达！</title>
    <style>
        .zwzw {
            width: 100%;
            height: 80px;
        }
    </style>
</head>

<body>
    <div class="zfg-cake-header"></div>
    <script>
        $(function () {
            // 引头部
            $('.zfg-cake-header').load('../header_footer/cakeheader.html')
            // 尾部
            $('.zfg-cake-foot').load('../header_footer/Foot/html/foot.html')
        })
    </script>
    <div class="zwzw"></div>
    <main>
        <div class="mainCon">
            <!-- 1-无商品上面的 -->
            <div class="noshop">
                <i class="iconfont icon-dilanxianxingiconyihuifu_huabanfuben"></i><br>
                <span>您的购物车里还没有东西</span><br>
                <!-- 此处链接 -->
                <a href="../page/list.html">去购物 > ></a><br>
            </div>
            <!-- 2-有商品上面的  -->
            <div class="haveshop">
                <!-- 题目部分 -->
                <div class="shoptitle">
                    <span>商品</span>
                    <span>生日牌</span>
                    <span>单价</span>
                    <span>数量</span>
                    <span>金额</span>
                </div>
                <!-- 中间内容区 -->
                <div class="shopcenter">
                    <div class="shopCon">
                        <!-- 加入的商品 渲染  复制好多个-->
                        <!-- <div class="shopone">
                            <div class="shoponebox">
                                <div class="shople">
                                    <img src="" alt="">
                                    <p>
                                        <span>商品名字***</span><br>
                                        <b>规格：***</b>
                                    </p>
                                </div>
                                <div class="card">
                                    <div class="cardCon">
                                        选择生日牌
                                    </div>
                                    <ul class="carsEr">
                                        <li class="birth_card">生日快乐</li>
                                        <li class="birth_card">节日快乐</li>
                                        <li class="birth_card">HAPPY BIRTHDAY</li>
                                        <li class="birth_card">纪念日快乐</li>
                                        <li class="birth_self">自定义</li>
                                        <li class="birth_none">
                                            <input type="text" class="aaa1" value="可输入6个汉字或者12个字符">
                                            <span>确定</span>
                                        </li>
                                    </ul>
                                </div>
                                <span class="allprice">￥***</span>
                                <p class="threebutton">
                                    <input type="button" value="-">
                                    <input type="text" value="1">
                                    <input type="button" value="+">
                                </p>
                                <span class="sameprice">￥***</span>
                            </div>
                            <u class="del">X</u>
                        </div> -->
                    </div>


                    <!-- 推荐的商品 -->
                    <!-- <div class="hotshop">
                        <div class="hotone">
                            <img src="" alt="">
                            <p>
                                <span>名字***</span><br>
                                <b>￥***</b><br>
                                <i class="iconfont icon-icon2 addTocar"></i>
                            </p>
                        </div>
                    </div> -->
                </div>
                <!-- 底部结算区 -->
                <div class="money">
                    <div class="mleft">
                        <i class="iconfont icon-dilanxianxingiconyihuifu_huabanfuben"></i>
                        <span>全部清空</span>
                    </div>
                    <div class="mright">
                        <p>商品金额：￥<span class="totalPrice">***</span></p>
                        <p>活动优惠：￥0.00</p>
                        <p>合计：￥<span class="last">***</span></p>
                        <a href="javascript:;">
                            <p>去结算</p>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 商品推荐 -->
            <h3>商品推荐</h3>
            <div class="rem">
                <a href="javascript:;">
                    <img data-src="../images/car_03.jpg" alt="" title="家常面包套餐">
                </a>
                <a href="javascript:;">
                    <img data-src="../images/car_05.jpg" alt="" title="四口味混合装挂耳咖啡">
                </a>
                <a href="javascript:;">
                    <img data-src="../images/car_07.jpg" alt="" title="Pound cake slice 磅蛋糕切片（核桃）">
                </a>
                <a href="javascript:;">
                    <img data-src="../images/car_09.jpg" alt="" title="拷贝蜡烛-爱尔兰咖啡">
                </a>
            </div>

        </div>
    </main>
    <!-- js -->
    <script src="../js/ajax.js"></script>
    <script src="../js/jquery.1.9.1.js"></script>
    <script src="../js/cakeCar.js"></script>
    <div class="zfg-cake-foot"></div>
    <script>

    </script>
</body>
    <!-- 链接   http://localhost:8899/cake/cake21/page/cake_Car.html -->
</html>